<div id="compartment_container">
    {% for menu, submenu, data, i in data_list %}
    <div id="menu_{{ menu.pk }}" class="menu">
      <div class="panel" onclick="compartment.restructer({{ i }});">
        <div class="top">+</div>
        <div id="menu_{{ menu.pk }}_sub" style="padding-left: 5px; ;display: none;">
          {% for s in submenu %}
            <a>{{ s.name }}</a>
          {% endfor %}
        </div>
        <span class="menu_text">{{ menu.name }}</span>
      </div>
      <div id="menu_1_data" class="data" style="display: none;">
        {% for d in data %}
          <h1>{{ d.title }}</h1>
          <div class="data_date">{{ d.date|date:"d.m.Y" }}</div>
          <p class="data_desc">
            {% if d.description %}
              {{ d.description }}
            {% else %}
            {% endif %}
            </p>
        {% endfor %}
      </div>
    </div>
    {% endfor %}
</div>
